<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Marquee</title>
        <link rel="stylesheet" type="text/css" href="includes/marquee.css" />
        <script type="text/javascript" src="includes/jquery-1.6.min.js"></script>
        <script type="text/javascript" src="includes/farinspace/jquery.imgpreload.min.js"></script>
        <script type="text/javascript" src="includes/marquee.js"></script>
</head>
<body>

        <div class="marquee_container">
            <div class="marquee_photos"></div>
            <div class="marquee_caption">
                    <div class="marquee_caption_content"></div>
            </div>
            <div class="marquee_nav"></div>
        </div>

        <div class="marquee_panels">
            
            <!-- Panel -->
            <div class="marquee_panel">
                <img class="marquee_panel_photo" src="images/google-chrome.jpg" alt="Google Chrome" width="100" />
                <div class="marquee_panel_caption">
                    <img class="marquee_flag" src="../../../content/softwareAvatar/6-avatar.png" width="20" height="13" />
                    <h2>Google Chrome</h2>
                    <p>A browser that combines a minimal design with new technology designed to improve the user experience. Includes download and documentation.</p>
                    <p><a href="javascript: (void)" onclick="window.open('../software.php?id=6')">Check it out!</a></p>
                </div>
            </div>
            
            <!-- Panel -->
            <div class="marquee_panel">
                <img class="marquee_panel_photo" src="images/7zip.jpg" alt="Milan" width="100" />
                <div class="marquee_panel_caption">
                    <img class="marquee_flag" src="../../../content/softwareAvatar/7-avatar.png" width="20" height="13" />
                    <h2>7-Zip</h2>
                    <p>7-Zip is a file archiver with a high compression ratio.</p>
                    <p><a href="javascript: (void)" onclick="window.open('../software.php?id=7')">Check it out!</a></p>
                </div>
            </div>
            
            <!-- Panel -->
            <div class="marquee_panel">
                <img class="marquee_panel_photo" src="images/YTD.jpg" alt="St. Augustine" width="100" />
                <div class="marquee_panel_caption">
                    <img class="marquee_flag" src="../../../content/softwareAvatar/8-avatar.gif" width="20" height="13" />
                    <h2>YouTube Downloader</h2>
                    <p>YouTube Downloader is a popular, free program that enables you to download and convert online videos (legal content, to which you have the rights) for later viewing on your desktop or mobile device.</p>
                    <p><a href="javascript: (void)" onclick="window.open('../software.php?id=8')">Check it out!</a></p>
                </div>
            </div>
            
            <!-- Panel -->
            <div class="marquee_panel">
                <img class="marquee_panel_photo" src="images/photos/montreal.jpg" alt="Montreal" width="100" />
                <div class="marquee_panel_caption">
                    <img class="marquee_flag" src="images/template/flag_canada.jpg" width="20" height="13" />
                    <h2>Montr&eacute;al</h2>
                    <p>Fusce neque dolor adipiscing sed consectetuer et lacinia sit amet quam. Suspendisse wisi quam consectetuer in blandit sed suscipit eu eros.</p>
                    <p><a href="#">Check it out!</a></p>
                </div>
            </div>
            
        </div>


</body>
</html>